How to change the background color in Bootstrap?

To change the background colors in Bootstrap, replace the ‘text’ by ‘bg’ in the class names. For example: ‘.bg-primary’. The following background classes are available in Bootstrap version 4: ‘.bg-primary’, ‘.bg-secondary’, ‘.bg-success’, ‘.bg-danger’, ‘.bg-warning’, ‘.bg-info’, and ‘.bg-light’. Buttons can also be colored in the same way. Just replace the ‘text’ or ‘bg’ in the above classes with ‘btn’ and the same standard colors will be applied to buttons.

How to color text in Bootstrap?

In Bootstrap, text can be colored using contextual classes with the prefix 'text-'. For example, 'text-primary' or 'text-success'. Replace 'text' with 'bg' to set the background colors.

What are the different color utility classes in Bootstrap 4?

Bootstrap 4 supports 10 different color utility classes that can be used for text and background colors. Each of these colors has a name that can be used to describe the use of colors on a page. Color Utility Text Classes: These classes are used for changing the color of the text. text-primary: It gives a sky blue color to the text.